<template>
    <div class="goods wrapper">
        <div class="title">
            <div class="left">
                <h3>新鲜好物</h3>
                <p>新鲜出炉 品质靠谱</p>
            </div>
            <div class="right">
                <a href="#" class="more">查看全部<span class="iconfont icon-arrow-right-bold"></span></a>
            </div>
        </div>
        <div class="bd">
            <ul>
                <BaseGoosItem v-for="item in 4" :key="item"/>
            </ul>
        </div>
    </div>
</template>

<script>
import BaseGoosItem from './BaseGoosItem.vue';

export default {
    components: {
        BaseGoosItem,
    }
};
</script>

<style>
/* 新鲜好物 */
.goods .bd ul {
    display: flex;
    justify-content: space-between;
}
</style>